<template>
	<view>
		
	</view>
</template>

<script>
	export default {
		name:"pb-image",
		props:{
			/**
			 * 基础域名
			 */
			base:{
				type:[string, Array],
				default:'',
			},
			/**
			 * 图片地址，备用图片地址
			 */
			srcs:{
				type: [String, Array],
				default:'',
			},
			/**
			 * 加载中动画
			 */
			loading:{
				type:String,
				default:''
			},
			/**
			 * 图片元信息：宽度
			 */
			width:{
				type:Number,
				default:0
			},
			/**
			 * 图片元信息：高度
			 */
			height:{
				type:Number,
				default:0
			},
			/**
			 * 加载失败图片
			 */
			error:{
				type:String,
				default:''
			},
			/**
			 * 点击是否放大预览
			 */
			preview:{
				type:Boolean,
				default:false
			},
			/**
			 * 预览大图图片地址：默认为${this.base}/${this.srcs[0] || this.srcs}
			 */
			previewUrl:{
				type:[String, Function],
				default:''
			},
			/**
			 * 下载地址：默认src地址
			 */
			downloadUrl:{
				type:[String, Function],
				default:''
			}
			/**
			 * 图片自适应模式：aspectFill，aspectFit，Fill，center
			 */
			mode:{
				type:String,
				default:'aspectFill'
			},
			
			/**
			 * 是否将浏览过的图片自动缓存至本地
			 */
			cache:{
				type:Boolean,
				default:true
			},
			
			/**
			 * 图片解密器
			 */
			decrypter:{
				type:[String, Function],
				default:'AES'
			},
			/**
			 * 解密秘钥
			 */
			secretKey:{
				type:[String, Number, Symbol],
				default:'12345678',
			},
			
			/**
			 * 当无法加载或者加载慢时显示的图片描述信息
			 */
			alt:{
				type:String,
				default:'',
			},
			/**
			 * 图片的标签：对搜索引擎起作用
			 */
			tags:{
				type:[String, Array],
				default:()=>[]
			},
			/**
			 * 是否延迟加载：当图片看得到的时候才会进行加载，不进行预加载
			 */
			lazyLoad:{
				type:Boolean,
				default:true
			},
			/**
			 * 长按图片时弹出的操作菜单
			 */
			menus:{
				type:Array,
				default:()=>['preview', 'download', 'share', 'recogonize']
			},
			/**
			 * 应用于图片的滤镜效果：blur，grayscale
			 */
			filters:{
				type:[String, Array],
				default:()=>[]
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>
